<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>登录</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<link rel="shortcut icon" href="./img/icon.jpg"/>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/basic.css">
	<link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/login.css">
	<script src="js/jquery.min.js"></script>
	<script src="js/vue.js"></script>
</head>
<body>

	<!-- 导航栏 -->
	<div id="nav">
		<div class="container">
			<div class="row">
				<div class="col-md-2 hidden-xs" style="margin-left: -8.8px;">
					<img src="./img/logo.png" alt="">
				</div>
				<div class="col-md-4">
					<div class="input">
						<span class="glyphicon glyphicon-search"></span>
						<input type="text" class="form-control" placeholder="请输入关键字">
					</div>
				</div>
				<div class="col-md-5 hidden-md hidden-xs">
					<ul class="list">
						<li class="active"><a href="index.html"> 首页</a></li>
						<li><a href="##"> 家居</a></li>
						<li><a href="##">摄影</a></li>
						<li><a href="##">时尚</a></li>
						<li><a href="##">美食</a></li>
						<li><a href="classification.html">游戏</a></li>
					</ul>
				</div>
				<div class="col-md-1 hidden-md hidden-xs">
					<ul class="in_out">
						<li><a href="login.html"> 登录</a></li> |
						<li><a href="register.html"> 注册</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div class="clearfix"></div>
    <!-- 登录框 -->
    <div class="container">
        <div class="row center">
            <div class="col-md-3 col-xs-1"></div>
            <div class="login col-md-6 col-xs-10">
                <div class="row">
                    <div class="login_title col-sm-12">
                        <h3>登录</h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-7 col-xs-12 login_main">
                        <input type="text" class="form-control input" placeholder="手机/邮箱">
                        <input type="password" class="form-control input" placeholder="请输入密码">
                        <div class="row">
                            <div class="checkbox col-md-6 col-xs-6">
                                <label>
                                    <input type="checkbox" id="savePw">记住密码
                                </label>
                            </div>
                            <div class="forgerPw col-md-6 col-xs-6">
                                <a href="forget.html">忘记密码？</a>
                            </div>
                        </div>
                        <button type="button" class="btn btn-primary btn-lg btn-block">登录</button>
                    </div>
                    <div class="col-md-5 col-xs-12 ">
                        <div class="register">
							<h4>没有账号？</h4>
							<a href="register.html">马上注册 →</a>							
						</div>
						<div class="other_login">
							<h4>使用以下账号直接登录</h4>
							<a href="##"><img class="other_img" src="./img/wx.png" width="40px" ></a>
							<a href="##"><img class="other_img" src="./img/qier.png" width="40px" ></a>
							<a href="##"><img class="other_img" src="./img/wb.png" width="40px" ></a>
						</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>